<template>
    <el-card class="box-card">
        <s-table
                :expand="false"
                :table="table"
                ref="table"
                @http="tableWatch"></s-table>
    </el-card>
</template>
<script>
  import { AutoVue } from '~/plugins/Tools';

  export default AutoVue({
    data: {
      table: {
        column: [
          { label: '时间',
            prop: 'ftime',
            formatter: (row, column) => {
              return (new Date(row[column.property || column])).toLocaleString();
            },
            minWidth: '125px'},
          { label: '地点和跟踪进度',
            prop: 'contex',
            minWidth: '200px'} ],
        url: 'Aspx/kdgj.aspx',
        option: {
          order: '',
        },
        muti: false,
        key: 'id',
        tableColumn: 2,
      },
      option: '',
    },
    transition: 'slide-fade',
    methods: {
      tableSearch () {
        this.table.option.order = this.$route.query.order;
        this.tableWatch('table');
      },
    },
    mounted () {
      this.table.option.order = this.$route.query.order;
      this.tableWatch('table');
    },
  });
</script>
<style scoped lang="scss">
    .box-card {
        margin: 20px;
    }

    .createTimeSpan {
        display: block;
        margin-top: 34px;
    }

    @media screen and (max-width: 800px) {
        .createTimeSpan {
            margin-top: 0;
        }
        .box-card {
            margin: 0;
        }
    }

    .el-select {
        width: 100%;
    }

    .input {
        width: 75%;
    }
</style>
